<template>
  <div class="searchBox">
    <div class="left">
      <a-row :gutter="[8, 8]">
        <slot name="itemBox"></slot>
      </a-row>
    </div>
    <div class="right">
      <slot name="btnBox"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "slotWrap",
  components: {},
  props: {
    option: Object
  },
  data() {
    return {
      expand: false
    };
  },
  methods: {},
  created() {},
  mounted() {},
  computed: {}
};
</script>

<style scoped="scoped">
.searchBox {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  padding: 16px 0px 16px 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.searchBox .left {
  flex: 1;
}

.searchBox .right {
  width: 180px;
  text-align: center;
  margin-top: 24px;
}
</style>
